[data-theme='sea'] {
  --theme: #4A91F1;
  --base-menu-background: #29457a;
  --base-sub-menu-hover: linear-gradient(rgba(71, 150, 255, 0.4) 0%, rgba(91, 154, 236, 0.4) 100%);
  --base-sub-menu-active: linear-gradient(#4796ff 0%, #5b9aec 100%);
  --el-color-primary:#4A91F1;
}
[data-theme='dark'] {
  --theme: #3C64B9;
  --base-menu-background: #2B2D47;
  --base-sub-menu-hover: rgba(60, 100, 185, .4);
  --base-sub-menu-active: rgba(60, 100, 185, 1);
  --el-color-primary:#3C64B9;
}
[data-theme='sky'] {
  --theme: #004E8B;
  --base-menu-background: #2C5084;
  --base-sub-menu-hover: rgba(108, 149, 202, .5);
  --base-sub-menu-active: rgba(108, 149, 202, 1);
  --el-color-primary:#004E8B;
}

:export {
  sea-name: 星空夜辉;
  sea-color: #4A91F1;

  dark-name: 深海之谜;
  dark-color: #3C64B9;

  sky-name: 极光天蓝;
  sky-color: #004E8B;
}
